<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>个人跳转登录</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <link rel="stylesheet" href="fuwu.css"/>
    <script src="bootstrap-3.3.5-dist/jquery-2.0.3.js"></script>
</head>
<body>
<section class="wrapper">
    <header>
        <a class="kuohao" href="xiaomishouye.html"><div class="left"></div></a>
        <p>个人中心</p>
        <a href="sousuo.html"><div class="right"></div></a>
    </header>
    <section class="banner">
        <a href="denglu.html">
            <div class="banner-head">
                <h2>立即登录</h2>
                <div class="touxiang jiahao"><p>+</p></div>
            </div>
        </a>
        <div class="list">
            <ul>
                <li>
                    <a href="#">
                        <div class="tb"><img src="image/qbdd.png"/></div>
                        <p>全部订单</p>
                        <div class="border"></div>
                    </a>
                <li>
                    <a href="#">
                        <div class="tb"><img src="image/dfk.png"/></div>
                        <p>代付款</p>
                        <div class="border green"></div>
                    </a>
                <li class="right-border">
                    <a href="#">
                        <div class="tb"><img src="image/dsh.png"/></div>
                        <p>待收货</p>
                        <div class="border orgin"></div>
                    </a>
                </li>
            </ul>
        </div>
    </section>
    <section class="container">
        <ol>
            <li class="bottom">
                <a href="#"><div><img src="image/yh.png"/></div><p>我的优惠</p></a>
            </li>
            <li>
                <a href="#"><div><img src="image/fm.png"/></div><p>F码通道</p></a>
            </li>
        </ol>
    </section>
    <section class="container">
        <ol>
            <li>
                <a href="#"><div><img src="image/wdfw.png"/></div><p>我的服务</p></a>
            </li>
        </ol>
    </section>
    <section class="container f3">
        <ol>
            <li>
                <a href="#"><div><img src="image/shezhi.png"/></div><p>设置</p></a>
            </li>
        </ol>
    </section>
    <footer>
        <ul>
            <li><a href="xiaomishouye.html"><div class="sc"></div><p>商城</p></a></li>
            <li><a href="fenlei.html"><div class="fl"></div><p>分类</p></a></li>
            <li><a href="gouwuche.html"><div class="gwc"></div><p>购物车</p></a></li>
            <li><a href="#"><div  class="fw"></div><p class="ys">服务</p></a></li>
        </ul>
    </footer>
</section>
</body>
<script>
    $(function(){
        function fullwidth(){
            if($('body').width() >= 720){
                $('html').css('font-size',100 + 'px');
                return;
            }
            var scale = $('body').width() / 720;
            $('html').css('font-size',scale * 100 + 'px');
        }
        fullwidth();
        $(window).resize(function(){
            fullwidth()
        });
    });
</script>
</html>